<!-- 逻辑代码 写 函数 定义数据
  setup：用 Vue 提供的一种【语法糖】，简化的写法
  lang="ts" 内部写的语言：TypeScript
-->
<script setup lang="ts">
//1，导入工具函数
import { reactive } from 'vue';

//2,定义响应式的对象
let food =reactive({
  name:'隆江猪脚饭',
  price:18,
  foods:['米饭','猪脚','酸菜','烧鸭','半个卤蛋']
})

</script>

<!-- 结构 -->
<template>
<p @click="food.name='祖传隆江猪脚饭'"> {{food.name}}</p>
<p @click="food.price++"> {{food.price}}</p>
<p @click="food.foods.push('鸡腿')"> {{food.foods}}</p>

</template>


<!-- 样式 -->
<style scoped>


</style>
